<!-- //版本一： -->
<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这个是我们的首页</h1>
    <h1>这个是我们的首页</h1>
    <h1>这个是我们的首页</h1>
    <h1>这个是我们的首页</h1>
    <h1>这个是我们的首页</h1>
</body>
</html> --> 

<!-- //版本2:网页跳转 -------------------------------------------------------------->
<!-- <!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;	      
}
#section {
    width:350px;
    float:left;
    padding:10px;	 	 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;	 	 
}
</style>
</head>

<body>

<div id="header">
<h1>网页跳转</h1>
</div>

<div id="nav">
</div>

<div id="section">
<h2>London</h2>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>

<a href="http://42.194.137.14:9999/a/b/hello.html">到第二张网页</a>
<a href="http://42.194.137.14:9999/x/y/world.html">到第三张网页</a>

<div id="footer">
Copyright ? W3Schools.com
</div>

</body>
</html> -->

<!-- 版本3：表单------------------------------------------------------ -->
<!-- <form action="action_page.php" method="post">
    <fieldset>
    <legend>Personal information:</legend>
    name:<br>
    <input type="text" name="name">
    <br>
    password:<br>
    <input type="text" name="password">
    <br><br>
    <input type="submit" value="Submit"></fieldset>
    </form>  -->

<!-- 版本4：插入图片 -->
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
<body>

<p>
<h1>你好呀，好久不见！欣赏一下自己的美照吧，嘿嘿</h1>
<img src="/image/1.jpg" width="300" height="328" />
<img src="/image/2.jpg" width="328" height="328" />
<img src="/image/3.jpg" width="328" height="328" />
<img src="/image/4.jpg" width="328" height="328" />
<img src="/image/5.jpg" width="328" height="328" />
<h1>最近过得怎么样呢，还开心嘛，上次的擦伤有没有好一些呀？</h1>
</p>

</body>
</html>